<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>flex布局 携程网首页</title>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>

  <body>
    <!-- #region    顶部搜索 -->
    <div class="search">
      <div>搜索：目的地/酒店/景点/航班号</div>
      <a href="#" class="user">我 的</a>
    </div>
    <!-- #endregion 顶部搜索 -->
    <!-- #region    轮播图 -->
    <div class="carousel">
      <img src="upload/focus.jpg" alt="轮播图" />
    </div>
    <!-- #endregion 轮播图 -->
    <!-- #region    导航1 -->
    <ul class="nav1">
      <li>
        <a href="#">
          <span class="icon"></span>
          <span class="text"></span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="icon"></span>
          <span class="text"></span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="icon"></span>
          <span class="text"></span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="icon"></span>
          <span class="text"></span>
        </a>
      </li>
      <li>
        <a href="#">
          <span class="icon"></span>
          <span class="text"></span>
        </a>
      </li>
    </ul>
    <!-- #endregion 导航1 -->
    <!-- #region    导航2 -->
    <div class="nav2"></div>
    <!-- #endregion 导航2 -->
    <!-- #region    导航3 -->
    <ul class="nav3"></ul>
    <!-- #endregion 导航3 -->
    <!-- #region    销售模块 -->
    <div class="sales_box">
      <div class="sales_hd">
        <span class="left"></span>
        <span class="right">获取更多福利＞</span>
      </div>
      <ul class="sales_bd"></ul>
    </div>
    <!-- #endregion 销售模块 -->
    <script src="index.js"></script>
  </body>
</html>
